*{margin:0;padding:0;}
body,html{height:100%;height:100%;font-size:16px;line-height:32px;font-family:"Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";}
ul li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both}
/* head css*/
.header{height:12%;background-color:#7A85BD;position:relative;}
.header span{font-size:1.4rem;position:absolute;left:20px;top:20px;color:#FFF;line-height:1rem;width: 288px;height:16px;display:inline-block;}
.title a{text-decoration:none;color:#FFF;}
.title{position:absolute;left:160px;bottom:0px;}
.title li{float:left;background-color:#b4a0c8;}
.title li.active{float:left;background-color:#6a65bd;}
.title li:hover{background-color:#6a65bd;}
.safyexit:hover a{color:red;}
.exit{position:absolute;right:20px;top:0px;}
.exit li{float:left;background-color:#6a65bd;}
.exit li.administrator{background-color:#7A85BD;letter-spacing:1px;}
.exit li.administrator i{font-style:normal;color:#FFF;}
.exit a{text-decoration:none;color:#FFF;}
/* main css*/
.main{height:83%;position:relative;overflow:hidden;}
.leftmenu{width:160px;height:100%;background-color:#F2F2F2;position:absolute;top:0px;left:0px;}
ul li{text-align:center;line-height:36px;cursor:pointer;}
.leftmenu ul li a{text-decoration:none;display:block;color:#EEE;background-color:#b4a0c8;}
.leftmenu ul li.active a{background-color:#6A65BD;}
.leftmenu ul li:hover a{color:#FFF;text-decoration:none;background-color:#6A65BD;}
.rightcontent{width:90%;height:100%;background:#FFF;position:absolute;top:0px;right:0px;overflow-x:hidden;}
.pad_l_20{padding-left:20px;}
.pad_r_20{padding-right:20px;}
.report{background-color:#7A85BD;display:inline-block;width:90px;height:44px;line-height:44px;color:#fff;margin-top:10px;padding-left:10px;}
.date{margin-top:10px;}
dl{width:60%;height:32px;margin: 15px 0px;}
dt, dd{float:left;}
dd,.total span{color:#6a65bd;text-indent:10px;}
.day_channel_menu {position:relative;padding-right: 20px;overflow:hidden;}
.bottonline{position:absolute;right:20px;bottom:0px;height:4px;width:100%;background-color:#7A85BD;}
.day_channel_menu li{float:left;cursor:pointer;}
#channelNo{color:#7A85BD;font-weight: bolder;}
.red{color:red;}
.timeinstall{margin-top:10px;}
.installnum{cursor:pointer;position:relative;color:#7A85BD;z-index:9999;}
.installnum:hover{color:#686DC9;}
.changewindow{position:absolute;top:32px;right:0px;width:150px;background-color:#A4B3D4;display:none;}
.changewindow ul li{text-align:left;padding-left:10px;color:#FFF;}
.sundial{display:block;}
.fenqudao{display:none;}
#datepicker_begin,#datepicker_end{padding:4px;}
/*按钮样式*/
input {border: 1px solid #ECECEC;margin-right: 5px;font-family: Microsoft Yahei;outline: 0px none;padding: 10px;}
input.btn-32-green {font-family: Microsoft Yahei;color:#000;text-decoration:none;cursor: pointer;display: inline-block;text-align: center;border: 1px solid #7A85BD;height: 42px;line-height: 38px;font-family: "Microsoft Yahei";font-size:15px;padding: 0px 15px;background: #fff none repeat scroll 0px 0px;width:144px;}
input.btn-32-green:hover, input.dayhover{background: #7A85BD none repeat scroll 0px 0px;border: 1px solid #7A85BD;color:#FFF;}
input.btn-32-green:active{background: #686DC9 none repeat scroll 0px 0px;border: 1px solid #686DC9;color:#FFF;}
/* table 表格 */
.datatable .customers{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}
.datatable .customers td{font-size:1em;border:1px solid #7A85BD;padding:3px 7px 2px 7px;  }
.datatable .customers th{border-left:1px solid #7A85BD;border-right:1px solid #7A85BD;font-size:1.1em;text-align:left;  padding-top:5px;padding-bottom:4px;background-color:#7A85BD;color:#ffffff;}
.datatable .customers th span.up,.datatable .customers th span.down{cursor: pointer;}
.datatable .customers th span.up{display:inline-block;width:18px;height:12px;background: url(images/1.png) no-repeat right center;}
.datatable .customers th span.up1{display:inline-block;width:18px;height:12px;background: url(images/2.png) no-repeat right center;}
.datatable .customers th span.down{display:inline-block;width:18px;height:12px;background: url(images/3.png) no-repeat right center;}
.datatable .customers tr:hover td{color:#fff;background-color:#A4B3D4;}
.datatable .customers td a{text-decoration:none;color:#0066CF;}
/* footer css*/
.footer{height:5%;background-color:#CECECE;text-align:center;}